<template>
  <div class="headerBox">
    <!-- 左侧菜单栏展开缩小按钮 -->
    <div class="icon" @click="siderBarChange">
      <i class="iconfont icon-outdent" v-show="this.$store.state.siderBarType == 1"></i>
      <i class="iconfont icon-indent" v-show="this.$store.state.siderBarType == 0"></i>
    </div>
    <div class="userbox"></div>
  </div>
</template>

<script>
export default {
  name: 'HEADERS',
  methods: {
    siderBarChange() {
      // 左侧菜单栏展开，缩小
      this.$store.commit('setSiderBarType', !this.$store.state.siderBarType);
    },
  },
};
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>
